﻿@using KMF.Common
@using KMF.WebUI.Areas.KMFadmin.CustomHelpers
@using KMF.WebUI.Areas.KMFadmin.Models
@model List<KMF.Common.ProductCommentDto>
@{
    ViewBag.Title = "Danh sách bình luận";
    Layout = "~/Areas/KMFadmin/Views/Shared/_layout.cshtml";
}
<nav>
    <div class="breadCrumb">
        <ul>
            <li><a href="@Url.Action("Index", "AdminHome")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0)">Sản phẩm</a> </li>
            <li><a href="@Url.Action("Index", "AdminProductComment")">Danh sách sản phẩm</a> </li>
        </ul>
    </div>
</nav>
<div class="toolBox">
    @Html.ToolBox(new List<object> { new Search { ClassCss = "Search", ActionName = "/KMFadmin/AdminProductComment/Search" } })
</div>
<!------------------- BINH LUAN CUA KHACH HANG --------------------->
<div class="box-Info">
    <div class="Info-header">
        <span>Bình luận của khách hàng</span>
    </div>
    <div class="Info-body">
        <table class="p-img-info tableCommentProduct" cellpadding="0" cellspacing="0">
            <tr class="pimg-title">
                <th style="width: 80px;">Khách hàng</th>
                <th style="width: 80px;">Mã sản phẩm</th>
                <th>Tiêu đề</th>
                <th>Mô tả</th>
                <th style="width: 77px;">Ngày tạo</th>
                <th style="width: 123px;">Trạng thái</th>
                <th style="width: 44px;">Hiển thị</th>
                <th style="width: 96px;">Xóa</th>
            </tr>
            @foreach (var pc in Model)
            {
                <tr>
                    <td>@pc.CustomerId</td>
                    <td>
                        <a href="@Url.Action("Edit", "AdminProduct", new { id = @pc.ProductId })">@pc.ProductId</a>
                    </td>
                    <td class="titleName">
                        @{
                            if (pc.Agree)
                            {
                                @pc.Title
                            }
                            else
                            {
                                <strong>@pc.Title </strong>
                            }
                        }

                    </td>
                    <td>@pc.Content</td>
                    <td>@pc.CreateDate.ToShortDateString()</td>
                    <td>
                        @Html.SelectAvtive(pc.Agree, "ddlAgreeComment")
                    </td>
                    <td style="text-align: center;">
                        <input type="checkbox" name="chkShow" @string.Format("{0}", pc.Active ? "checked='checked'" : "") />
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="btnUpdateProductComment" idata="@pc.Id">Cập nhập</a> | <a href="javascript:void(0);" class="btnDelProductComment" idata="@pc.Id">Xóa</a>
                    </td>
                </tr>
            }
        </table>
    </div>
</div>
<div class="p-paging">
    @Html.PageLinks((PageInfo)ViewBag.PageInfo, i => Url.Action("Index", "AdminProductComment", new { page = i }))
</div>
@section scripts
{
    <script>
        //DEL Product Comment 
        $('.btnDelProductComment').click(function () {
            var cmd = $(this);
            var pId = cmd.attr('idata');

            if (confirm("Bạn có chắc chắn muốn xóa comment này")) {
                $.ajax({
                    url: '/AdminProductComment/ProducCommentDel',
                    data: { pId: pId },
                    success: function (data) {
                        if (data >= 1) {
                            cmd.parent().parent().fadeOut();
                        }
                    },
                    error: function (e) {
                        alert('Comment chưa được xóa');
                    }
                });
            }
        });
        //Update Product Comment 
        $('.btnUpdateProductComment').click(function () {
            var cmd = $(this);
            var pId = cmd.attr('idata');
            var agree = cmd.parent().parent().find('select[name$=ddlAgreeComment] option:selected').val();
            var active = cmd.parent().parent().find('input[name$=chkShow]').attr('checked');
            var AgreeVal = true;
            var ActiveVal = true;
            if (agree != '1') {
                AgreeVal = false;
            }
            if (active == undefined) {
                ActiveVal = false;
            }

            //alert(pId + '/' + agree + '/' + active);
            $.ajax({
                url: '/KMFadmin/AdminProductComment/ProducCommentUpdate',
                data: { pId: pId, agree: AgreeVal, active: ActiveVal },
                success: function (data) {
                    if (data >= 1) {
                        alert('Cập nhập thành công !');
                        if (AgreeVal) {
                            cmd.parent().parent().find('.titleName').css({ 'color': '#ccc' });
                            cmd.parent().parent().find('select[name$=ddlAgreeComment]').css({ 'color': 'black' });
                        } else {
                            cmd.parent().parent().find('.titleName').css({ 'font-weight': 'bold' });
                            cmd.parent().parent().find('select[name$=ddlAgreeComment]').css({ 'color': 'red' });
                        }
                    }
                },
                error: function (e) {
                    alert('Không cập nhập được comment');
                }
            });
        });
    </script>

}
